<template>
  <div class="app-info">
    <x-header>应用信息</x-header>
    <div class="info-wrapper">
      <div class="title">版本：<b class="version">1.1.1</b></div>
      <div class="title">更新时间：<b class="update-date">2019-05-30</b></div>
      <div class="title">更新内容：</div>
      <p>1、优化性能</p>
      <p>2、修复之前版本的问题</p>
    </div>
    <div class="info-wrapper">
      <div class="title">版本：<b class="version">1.1.0</b></div>
      <div class="title">更新时间：<b class="update-date">2019-05-30</b></div>
      <div class="title">更新内容：</div>
      <p>1、开放一拼通消息</p>
    </div>
    <div class="info-wrapper">
      <div class="title">版本：<b class="version">1.0.9</b></div>
      <div class="title">更新时间：<b class="update-date">2019-05-29</b></div>
      <div class="title">更新内容：</div>
      <p>1、更新申请费用接口</p>
    </div>
    <div class="info-wrapper">
      <div class="title">版本：<b class="version">1.0.8</b></div>
      <div class="title">更新时间：<b class="update-date">2019-04-01</b></div>
      <div class="title">更新内容：</div>
      <p>1、更新弹窗默认不显示</p>
    </div>
    <div class="info-wrapper">
      <div class="title">版本：<b class="version">1.0.7</b></div>
      <div class="title">更新时间：<b class="update-date">2019-04-01</b></div>
      <div class="title">更新内容：</div>
      <p>1、更新弹窗添加暂不更新</p>
    </div>
    <div class="info-wrapper">
      <div class="title">版本：<b class="version">1.0.6</b></div>
      <div class="title">更新时间：<b class="update-date">2019-03-29</b></div>
      <div class="title">更新内容：</div>
      <p>1、预录测试</p>
      <p>2、预录的充值和消费记录</p>
    </div>
  </div>
</template>

<script>
import {
  XHeader,

} from 'vux'
export default {
  name: 'appInfo',
  components: {
    XHeader
  },
  data () {
    return {}
  }
}
</script>

<style lang="less">
  .app-info{
    .version,
    .update-date{
      color: red;
    }
    .info-wrapper{
      padding: 15px;
    }
    .info-wrapper + .info-wrapper{
      margin-top: 15px;
    }
    .info-box{
      margin-top: 30px;
    }
    .fix-bug-box{
      margin-top: 50px;
    }
  }
</style>
